@import "../../../customGlobal.scss";
.section {
    margin: 1.25rem;
    background: #ffffff;
    border-radius: 0.5rem;
    padding-bottom: 0.94rem;
}
.title {
    padding: 0.63rem 0.94rem;
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.all {
    float: right;
}

.circle {
    border-radius: 0.5rem;
    margin: 0.63rem 0.94rem;
}
.rectangle {
    margin: 0.63rem 0;
    border-radius: 0;
}

.new-msg-circle {
    width: 0.5rem;
    height: 0.5rem;
    background: #ff595e;
    border-radius: 0.5rem;
}

.title-icon {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 1.5rem;
}

.title-left {
    display: flex;
    justify-content: center;
    align-items: center;
}
.title-span {
    font-size: 1.06rem;
    font-weight: bold;
    color: #252629;
    margin-left: 0.5rem;
    @if $appType == "LJ" {
        color: $LJLabelColor;
    }
}
.head-line {
    height: 0.03rem;
    background: #e8eaed;
    margin-left: 0.94rem;
    margin-right: 0.94rem;
    margin-bottom: 0.31rem;
}

.fengwo-msg-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 0.94rem;
    margin-right: 0.94rem;
    margin-top: 0.63rem;
}

.content-left {
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-right {
    min-width: fit-content;
}

.left-circle {
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 0.25rem;
    background: #d4d6d9;
    margin-right: 0.63rem;
}

.p-content {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    font-size: 0.81rem;
    font-weight: 400;
    color: #7e838c;
}

.p-time {
    height: 0.75rem;
    font-size: 0.75rem;
    font-weight: 400;
    color: #b6b7bf;
}
